#dataMian{
    width: 100%;
    height: 100%;
    display: flex;
}
#dataLeft{
    width: 15%;
    height: 98%;
    border:1px #4a5b6d solid;
    background: #091b31;
    overflow: auto;
}
#dataLeft #dataFather {padding-top:8px;}
#dataLeft #dataFather li{padding-left:5%;line-height: 20px;font-size:14px;}
#dataLeft #dataFather li:hover{cursor: pointer;color: #3dc9a2;}
#dataMian input{height:25px;margin-left:10px;width:150px; }
#dataMian button{ background:linear-gradient(#465782,#1f2b45);border:none;width:50px;height:25px;margin: auto;color: #fff;}
#dataMian button:hover{background: linear-gradient(#6072a2,#313f62);}
#dataMian button:focus{background:#1172c9;}

#dataMian #dataLeft button{width:20%;}
#dataMian #dataLeft input{width:70%;}
#dataMian #dataLeft li{height:35px;}
#dataMian  .del{float: right;}


#dataRight{
    width: 85%;
    height: 98%;
    border:1px #4a5b6d solid;
    background: #091b31;
    overflow: auto;
}

#dataRight #dataSon {padding-top:8px;}

#dataRight #dataSon li{line-height: 20px;font-size:14px;padding:0 10px;display: block;width:220px;}
#dataRight #dataSon li:hover{cursor: pointer;color: #3dc9a2;}
